<!DOCTYPE html>
<html ng-app="myApp">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	<meta name="format-detection" content="telphone=no" />
	<title>中公高科</title>
	<link rel="stylesheet" type="text/css" href="../css/ionic.app.min.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" type="text/css" href="../css/data.css"/>

	<script src="../js/ionic.bundle.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/angular-cookies.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/ocLazyLoad.min.js"></script>
	<script src="../js/app.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/services.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>

</head>

<body ng-controller="DataCtrlNotnet">
<ion-nav-view animation="slide-left-right" class="main-view">

	<ion-view class="data-list f-s-26">
		<ion-header-bar class="textCenter f-s-28 c-f">
			<div class="w-100 display-flex">
				<div class="flex-shrink-0 goback" on-tap="goback()"></div>
				<div class="w-100">数据同步</div>
			</div>
		</ion-header-bar>
		<!--表格标题-->
		<div class="heads">
			<div id="fixed-one" class="highw-left fixed">
				<div class="list-head">路线<br />编码</div>
				<!--<div class="list-head">路线<br />名称</div>-->
			</div>
			<ion-scroll  on-drag="scroll()" id="scroll" direction="x" scrollbar-x="false" overflow-scroll="false" has-bouncing="false"  delegate-handle="headContainerHandle" style="z-index: 99;">
				<div class="heads-con">
					<div class="list-head">调查<br />方向</div>
					<div class="list-head ts-list-head">起点<br />桩号</div>
					<div class="list-head">单元<br />长度</div>
					<div class="list-head">MQI</div>
					<div class="list-head">SCI</div>
					<div class="list-head">PQI</div>
					<div class="list-head">PCI</div>
					<div class="list-head">RQI</div>
					<div class="list-head">RDI</div>
					<div class="list-head">PBI</div>
					<div class="list-head">PWI</div>
					<div class="list-head">SRI</div>
					<div class="list-head">PSSI</div>
					<div class="list-head">BCI</div>
					<div class="list-head">TCI</div>
					<div class="list-head ts-list-head">路面<br />类型</div><!--pavement_type-->
					<div class="list-head">路面<br />宽度</div><!--effect_width-->
					<div class="list-head ts-list-head">技术<br />等级</div><!--tech_grade-->
				</div>
			</ion-scroll>
		</div>

		<!--定位信息条-->
		<div class="top-posi-info">
			<!--顶部路线标题 固定定位-->
			<div id="fixed-one" class="highw-left list-tit" ng-bind="unitTitle"></div>
			<!--<ion-scroll  on-drag="scroll()" id="scroll" direction="x" scrollbar-x="false" overflow-scroll="false" has-bouncing="false"  delegate-handle="headContainerHandle" style="z-index: 999;">
                <div style="display: flex; width:108rem;z-index: 9999;height: 4rem;"></div>
            </ion-scroll>   	-->
		</div>

		<!--内容部分-->
		<ion-view class="c-4c">
			<ion-content id="ion-content" on-drag="gg()" has-bouncing="false" overflow-scroll="true" style="accelerator: 100%;">
				<ion-spinner icon="ios-small" ng-show="lodingtwo" style="position: absolute;top: 45%;left: 48%;"></ion-spinner>
				<!--左边固定两列-->
				<div class="left-cons" style="width:6rem;margin-top:-4rem;">
					<!--<div ng-repeat="items in tacs" class="cons-list">
                        <div ng-if="items.road_name" class="highw-left left-head" style="z-index: 9999;">
                            <div style="background: rgba(210,226,253,1);">{{items.road_code}}&nbsp;{{items.road_name}}&nbsp;{{items.start_stake| transfor}}~{{items.end_stake | transfor}}&nbsp;{{items.length}}km&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                        </div>-->
					<div class="highw-left" ng-repeat="item in tacs">
						<div ng-if="item.road_name" class="highw-left left-head" style="z-index: 9999;height: 4rem;color: #0c7bd1;line-height: 4rem;">
							<div  style="background: rgba(210,226,253,1);padding-left: 2rem;"><span ng-bind="item.road_code"></span><span ng-bind="item.road_code"></span><span ng-bind="item.road_name"></span><span ng-bind="item.start_stake| transfor"></span>~<span ng-bind="item.end_stake | transfor"></span><span ng-bind="item.length"></span>km&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
						</div>
						<div ng-if="item.road_id && !item.road_name" class="left-flex">
							{{item.road_code}}
						</div>
						<!--<div class="left-flex">
                            {{items.road_name}}
                        </div> -->
					</div>
					<!--</div>-->
				</div>
				<!--右侧内容页-->
				<div id="right-cons" class="right-cons w-centent" on-drag-left="scrollRightHorizon()" on-drag-right="scrollRightHorizon()" style="margin-top: -4rem;float:left;width:calc(100% - 6rem);">
					<!--<div class="right-lists" ng-repeat="items in datas">-->
					<!--<div class="highw-left right-con-list" ng-repeat="item in tacs">
                        <div class="highw-left right-head">{{item.road_code}}</div>
                    </div>-->
					<!--<div class="highw-left right-head">{{items.road_code}}</div>-->

					<div ng-repeat="item in tacs" class="fu-left">
						<div ng-if="item.road_name" class="highw-left right-con-list" style="background: rgba(210,226,253,1);height: 4rem;line-height: 4rem;color:#0c7bd1;padding-left: 2rem;">
							<!--{{item.road_code}}&nbsp;{{item.road_name}}&nbsp;{{item.start_stake}}~{{item.end_stake}}&nbsp;{{item.length}}km-->
						</div>
						<div ng-if="item.road_id && !item.road_name" class="highw-left right-con-list">
							<!--<div class="right-flex">{{item.road_code}}</div>-->
							<div class="right-flex" line-dir dir='item.line_dir'></div>
							<div class="right-flex ts-list-head talgin-rig" ng-bind="item.start_stake | transfor"></div>
							<div class="right-flex talgin-rig" ng-bind="item.length"></div>
							<div class="right-flex talgin-rig" ng-bind="item.mqi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.sci"></div>
							<div class="right-flex talgin-rig" ng-bind="item.pqi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.pci"></div>
							<div class="right-flex talgin-rig" ng-bind="item.rqi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.rdi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.pbi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.pwi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.sri"></div>
							<div class="right-flex talgin-rig" ng-bind="item.pssi"></div>
							<div class="right-flex talgin-rig" ng-bind="item.bci"></div>
							<div class="right-flex talgin-rig" ng-bind="item.tci"></div>
							<div class="right-flex ts-list-head" pavement-type type='item.pavement_type'></div>
							<div class="right-flex">{{item.effect_width}}</div>
							<div class="right-flex ts-list-head" tech-grade grade='item.tech_grade' class="last" ></div>
						</div>

						<ion-infinite-scroll
								on-infinite="loadMore()"
								distance="1%"
								immediate-check="false"
								style="height: 0;display: none;">
						</ion-infinite-scroll>
					</div>
					<!--<ion-spinner icon="ios-small" ng-show="loding" style="margin-left: 33%;"></ion-spinner>-->
				</div>
			</ion-content>
		</ion-view>
		<div class="updateTime">
	    	<span on-tap="prev()" style="line-height: 3.4rem;">
	    		<span style="margin-right:2rem;"><上一页</span>
	    		<span style="line-height: 3.4rem;margin-left:1rem;">同步时间：</span>
	    	</span>
	    		<span style="width:6rem;display: inline-block;margin-top: -2rem;">
	    			<div style="position: absolute;top: 0.2rem;">
	    				<div style="height: 1.3rem;">{{ start }}</div>
	    				<div style="height: 1.3rem;">{{ end }}</div>
	    			</div>
	    		</span>
	    	<span style="margin-right:1rem;line-height: 3.4rem;">
	    		<a class="update" on-tap="update()" style="line-height: 3.4rem;">(离线状态)</a>
	    		<span on-tap="next()" style="margin-left:2rem;">下一页></span>
	    	</span>	
    	</div>
	</ion-view>


</ion-nav-view>
</body>
<script src="../js/DataCtrlNotnet.js" type="text/javascript" charset="utf-8"></script>
</html>